const echarts = require("echarts")

var scale = 1;
var echartData = [{
  value: 2154,
  name: '资产方',
  itemStyle: {
    normal: {//颜色渐变
      color: new echarts.graphic.LinearGradient(
        0, 0, 0, 1,
        [
          { offset: 0, color: '#E58B44' },
          { offset: 1, color: 'transparent' }
        ]
      )
    }
  }

}, {
  value: 3854,
  name: '企业',
  itemStyle: {
    normal: {//颜色渐变
      color: new echarts.graphic.LinearGradient(
        0, 0, 0, 1,
        [
          { offset: 0, color: '#D95CFF' },
          { offset: 1, color: 'transparent' }
        ]
      )
    }
  }

}, {
  value: 3515,
  name: '万恒',
  itemStyle: {
    normal: {//颜色渐变
      color: new echarts.graphic.LinearGradient(
        0, 0, 0, 1,
        [
          { offset: 0, color: '#06A3F4' },
          { offset: 1, color: 'transparent' }
        ]
      )
    }
  }

}, {
  value: 3515,
  name: '大熙',
  itemStyle: {
    normal: {//颜色渐变
      color: new echarts.graphic.LinearGradient(
        0, 0, 0, 1,
        [
          { offset: 0, color: '#29AF62' },
          { offset: 1, color: 'transparent' }
        ]
      )
    }
  }

}, {
  value: 3854,
  name: '威捷',
  itemStyle: {
    normal: {//颜色渐变
      color: new echarts.graphic.LinearGradient(
        0, 0, 0, 1,
        [
          { offset: 0, color: '#FF3939' },
          { offset: 1, color: 'transparent' }
        ]
      )
    }
  }

},



]
var total_datas = 0;
for (var i = 0; i < echartData.length; i++) {
  total_datas += echartData[i].value
}

var rich = {
  yellow: {
    color: "#ffc72b",
    fontSize: 15 * scale,
    // padding: [21, 0],
    align: 'center'
  },
  total: {
    color: "#ffc72b",
    fontSize: 40 * scale,
    align: 'center'
  },

  blue: {
    color: '#49dff0',
    fontSize: 16 * scale,
    align: 'center'
  },
  hr: {
    borderColor: '#0b5263',
    width: '100%',
    borderWidth: 1,
    height: 0,
  }
}
const option = {
  backgroundColor: '#060d22',
  title: {
    text: '',
    subtext: total_datas,
    textStyle: {
      color: '#f2f2f2',
      fontSize: 40,
      align: 'center'
    },
    subtextStyle: {
      fontSize: 30,
      color: ['#ff9d19']
    },
    x: 'center',
    y: 'center',
  },
  legend: {
    // orient 设置布局方式，默认水平布局，可选值：'horizontal'（水平） | 'vertical'（垂直）
    orient: 'vertical',
    // x 设置水平安放位置，默认全图居中，可选值：'center' | 'left' | 'right' | {number}（x坐标，单位px）
    x: 'left',
    // y 设置垂直安放位置，默认全图顶端，可选值：'top' | 'bottom' | 'center' | {number}（y坐标，单位px）
    y: 'center',
    itemWidth: 24,   // 设置图例图形的宽
    itemHeight: 18,  // 设置图例图形的高
    textStyle: {
      color: '#666'  // 图例文字颜色
    },
    // itemGap设置各个item之间的间隔，单位px，默认为10，横向布局时为水平间隔，纵向布局时为纵向间隔
    itemGap: 30,
    data: ['资产方',
      '企业']
  },

  series: [{
    name: '总考生数量',
    type: 'pie',
    itemStyle: {
      normal: {
        borderWidth: 5,
        borderColor: "#030d22"
      }
    },
    radius: ['38%', '50%'],
    hoverAnimation: false,
    color: ['#c487ee', '#deb140', '#49dff0', '#034079', '#6f81da', '#00ffb4'],
    label: {
      normal: {
        formatter: function (params, ticket, callback) {
          var total = 0; //考生总数量
          var percent = 0; //考生占比
          echartData.forEach(function (value, index, array) {
            total += value.value;
          });
          percent = ((params.value / total) * 100).toFixed(1);
          return '{yellow|' + params.value + '}\n{blue|' + percent + '%}';
        },
        rich: rich
      },
    },
    labelLine: {
      normal: {
        length: 55 * scale,
        length2: 10,
        lineStyle: {
          color: '#0b5263'
        }
      }
    },
    data: echartData
  }]
};

export default option